<template>
  <div id="index" class="app-container home">
    <el-row>
      <el-col >
        <div id="index01" style="width: 1920px;height: 1080px"></div>
      </el-col>

    </el-row>

  </div>
</template>

<script>
  import * as echarts from 'echarts'
  import autofit from 'autofit.js'


  export default {
    name: 'Index',
    data() {
      return {
        // 版本号
        version: '3.8.4'
      }
    },

    methods: {


    },

    mounted() {
      autofit.init({
          el: '#index',   //渲染的dom，默认是 "#app"
          dw: 1920,   //设计稿的宽度，默认是 1920
          dh: 1080,   //设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080
          resize: true,   //是否监听resize事件，默认是 true
          transition: 0,    //过渡时间，默认是 0
          delay: 0    //默认是 0
        },
        false
      )



    },

    // 如果是单个页面做自适应,需要在页面销毁后删除插件,不然可能会影响其他页面,为了保险个人建议App.vue也加上组件销毁的生命周期
    beforeDestroy() {
      autofit.off()
    }

  }
</script>


<style scoped lang="scss">
  html,
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    min-width: 1280px;
  }

  #index {
    overflow: hidden;
    width: 100%;
    height: 100%;
    min-width: 1280px;
  }

  .home {
    blockquote {
      padding: 10px 20px;
      margin: 0 0 20px;
      font-size: 17.5px;
      border-left: 5px solid #eee;
    }

    hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #eee;
    }

    .col-item {
      margin-bottom: 20px;
    }

    ul {
      padding: 0;
      margin: 0;
    }

    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;

    ul {
      list-style-type: none;
    }

    h4 {
      margin-top: 0px;
    }

    h2 {
      margin-top: 10px;
      font-size: 26px;
      font-weight: 100;
    }

    p {
      margin-top: 10px;

      b {
        font-weight: 700;
      }
    }

    .update-log {
      ol {
        display: block;
        list-style-type: decimal;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        padding-inline-start: 40px;
      }
    }
  }
</style>

